<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动：环绕效果</title>
		<style>
			img{
				float: left;
				/* 文字图片加间距 */
				margin: 30px;
			}
		</style>
	</head>
	<body>
		<img src="img/花园宝宝.png" width="300px" height="300px" alt="花园宝宝" />
		<p>
			Lorem ipsum dolor sit amet consectetur adipisicing elit. Odio cumque blanditiis tenetur odit sequi magni voluptas reiciendis maiores rem nisi. Ipsam cum iure voluptatum? Recusandae eum mollitia vero blanditiis error?
			Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique nulla excepturi quia doloribus architecto aliquid explicabo nemo, dolor tempore quas dolorum fuga asperiores dolorem, eos ducimus molestias sint aperiam eaque?
			Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui quod, tenetur excepturi maxime laboriosam odio dolore nihil blanditiis id error in cum facere suscipit soluta eos quisquam asperiores delectus saepe!
			Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas earum mollitia neque culpa autem quis, officiis soluta tempore doloribus distinctio consectetur numquam libero unde ratione nisi in totam laboriosam debitis.
		</p>
	</body>
</html>